<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>竞猜排行榜</title>
		<link href="../css/temp/reset.css" rel="stylesheet" rev="stylesheet" media="all">
		<link href="../css/temp/common.css" rel="stylesheet" rev="stylesheet" media="all">
		<link href="../css/temp/win-skin.css" rel="stylesheet" rev="stylesheet" media="all">
		<link href="../css/temp/win-con.css" rel="stylesheet" rev="stylesheet" media="all">

		<script type="text/javascript" src="../js/temp/jquery-1.4.min.js"></script>
		<script type="text/javascript" src="../js/temp/jquery.xy-tips-window.2.8.js"></script>
		<script type="text/javascript" src="../js/temp/spp_core.js"></script>
		<script type="text/javascript" src="../js/temp/spp_ui.js"></script>
		<script type="text/javascript" src="../js/base/front-function.js"></script>
		<script type="text/javascript" src="../js/lib/jquery.cycle.all.js"></script>

		<script type="text/javascript" src="../js/lib/jquery.smallslider.js"></script>
		<script type="text/javascript" src="../js/lib/jquery.jcarousel.min.js"></script>

		<link href="../css/app-guess.css" rel="stylesheet" rev="stylesheet" media="all">
	</head>
	<body>
		<!-- test -->
		<div id="TEST-CONTAINER">

			<div class="main-con-right fr" id="main-con-right">
				<div id="app-act" class="app-act">
					<div class="mod my-tool-tab-nav">
						<div class="hd">
							<h2 class="mod-title">竞猜</h2>
							<ul class="my-tool-tab">
								<li>
									<a href="index.html">首页</a>
								</li>
								<li>
									<a href="guess-rank.html" class="hover">竞猜排行榜</a>
								</li>
								<li>
									<a href="myguess-record.html">我的竞猜</a>
								</li>
								<li>
									<a href="guess-help.html">竞猜帮助</a>
								</li>
							</ul>
						</div>
						<div class="bd">&nbsp;</div>
					</div>
					
					
					<!-- begin update -->
					<div class="mod-guess-rank" id="guessRank">
						<div class="mod-wrapper">
							<div class="mod-hd rank-container-head fn-mb20">
								<div class="rank-box">
									<!-- 第一名 -->
									<div class="rank-first">
										<div class="rank-first-img fn-ml50 fn-clearfix">
											<div class="img-box fn-fl">
												<img src="../images/example/img1.png" alt="" width="68" height="68" />
											</div>
										</div>
										<p class="rank-title fn-white fn-w100 fn-fr fn-tc fn-fb" title="圣斗士星矢圣斗士星矢">圣斗士星矢圣斗士星矢</p>
										<div class="rank-first-info fn-ml10">
											<p class="info-content">
												<label for="">总盈利额：</label>
												<em>99999</em>
											</p>
											<p class="info-content">
												<label for="">总&nbsp;胜&nbsp;率：</label>
												<em>90%</em>
											</p>
										</div>
									</div>
									<div class="rank-second">
										<div class="rank-second-img">
											<div class="img-box fn-fr fn-mt10">
												<img src="../images/example/img2.png" alt="" width="60" height="60" />
											</div>
										</div>
										<div class="rank-second-info">
											<p class="rank-title fn-tr fn-fb" title="圣斗士星矢2">圣斗士星矢2</p>
											<p class="info-content fn-ml03" style="margin-top: 27px;">
												<label for="">总盈利额：</label>
												<em>99999</em>
											</p>
											<p class="info-content fn-ml03">
												<label for="">总&nbsp;胜&nbsp;率：</label>
												<em>90%</em>
											</p>
										</div>
									</div>
									<div class="rank-third">
										<div class="rank-third-img fn-fl">
											<div class="img-box fn-fl fn-mt10">
												<img src="../images/example/img3.png" alt="" width="60" height="60" />
											</div>
										</div>
										<div class="rank-third-info fn-ml80 fn-pt08">
											<p class="rank-title fn-tl fn-fb" title="圣斗士星矢3">圣斗士星矢3</p>
											<p style="margin-top: 27px;">
												<label for="">总盈利额：</label>
												<em>99999</em>
											</p>
											<p>
												<label for="">总&nbsp;胜&nbsp;率：</label>
												<em>90%</em>
											</p>
										</div>
									</div>
								</div>
							</div>
							<div class="mod-bd rank-container-body">
								<div class="rank-nav">
									<div class="rank-record-time fn-ml20 fn-fr fn-mr05 fn-mt10">
										<span class="jc-gray">本排名截止时间：2012-09-12</span>
									</div>
									<span class="rank-nav-item rank-nav-all rank-nav-item-select">总排行</span>
									<a href="javascript:void(0)" class="rank-nav-item rank-nav-month">本月排行</a>
									<a href="javascript:void(0)" class="rank-nav-item rank-nav-week">本周排行</a>
								</div>
								<div class="rank-table fn-mt15">
									<table>
										<thead>
											<tr>
												<th width="15%">序号</th>
												<th width="25%">昵称</th>
												<th width="15%">竞猜场次</th>
												<th width="15%">获胜场次</th>
												<th width="15%">总胜率</th>
												<th width="15%">总盈利额</th>
											</tr>
										</thead>
										<tbody>
											<tr class="win0">
												<td>
													<span class="img-box fn-ib fn-vtb" style="padding: 1px;">
														<img src="../images/example/img3.png" alt="" width="25" height="25" class="fn-fl" />
													</span>
													<i class="fn-fs18">100+</i>
												</td>
												<td><span class="nickname" title="兔子小姐兔子小姐兔子小姐兔子小姐">兔子小姐兔子小姐兔子小姐兔子小姐</span></td>
												<td>100</td>
												<td>34</td>
												<td>100%</td>
												<td>345</td>
											</tr>
											<tr class="win win1">
												<td>
													<i class="fn-fs16">1</i>
												</td>
												<td>
													<span class="nickname" title="兔子小姐兔子小姐兔子小姐兔子小姐">兔子小姐兔子小姐兔子小姐兔子小姐</span>
												</td>
												<td>100</td>
												<td>34</td>
												<td>100%</td>
												<td>345</td>
											</tr>
											<tr class="win win2">
												<td>
													<i class="fn-fs16">2</i>
												</td>
												<td><span class="nickname" title="夏婷夏婷夏婷夏婷夏婷夏婷夏婷夏婷">夏婷夏婷夏婷夏婷夏婷夏婷夏婷夏婷</span></td>
												<td>100</td>
												<td>34</td>
												<td>100%</td>
												<td>345</td>
											</tr>
											<tr class="win win3">
												<td>
													<i class="fn-fs16">3</i>
												</td>
												<td><span class="nickname" title="兔子小姐兔子小姐兔子小姐兔子小姐">兔子小姐兔子小姐兔子小姐兔子小姐</span></td>
												<td>100</td>
												<td>34</td>
												<td>100%</td>
												<td>345</td>
											</tr>
											<tr>
												<td>4</td>
												<td><span class="nickname" title="兔子小姐兔子小姐兔子小姐兔子小姐">兔子小姐兔子小姐兔子小姐兔子小姐</span></td>
												<td>100</td>
												<td>34</td>
												<td>100%</td>
												<td>345</td>
											</tr>
											<tr>
												<td>5</td>
												<td><span class="nickname" title="兔子小姐">兔子小姐</span></td>
												<td>100</td>
												<td>34</td>
												<td>100%</td>
												<td>345</td>
											</tr>
											<tr>
												<td>6</td>
												<td><span class="nickname" title="兔子小姐">兔子小姐</span></td>
												<td>100</td>
												<td>34</td>
												<td>100%</td>
												<td>345</td>
											</tr>
											<tr>
												<td>7</td>
												<td><span class="nickname" title="兔子小姐">兔子小姐</span></td>
												<td>100</td>
												<td>34</td>
												<td>100%</td>
												<td>345</td>
											</tr>
											<tr>
												<td>8</td>
												<td><span class="nickname" title="兔子小姐">兔子小姐</span></td>
												<td>100</td>
												<td>34</td>
												<td>100%</td>
												<td>345</td>
											</tr>
											<tr>
												<td>9</td>
												<td><span class="nickname" title="兔子小姐">兔子小姐</span></td>
												<td>100</td>
												<td>34</td>
												<td>100%</td>
												<td>345</td>
											</tr>
											<tr>
												<td>10</td>
												<td><span class="nickname" title="兔子小姐">兔子小姐</span></td>
												<td>100</td>
												<td>34</td>
												<td>100%</td>
												<td>345</td>
											</tr>
										</tbody>
									</table>
								</div>
							</div>
							<div class="mod-ft rank-container-footer">
								<div class="page-bar clearfix">
									<ul class="fr">
										<li>
											<a href="javascript:void(0);"><span>上一页</span></a>
										</li>
										<li>
											<a href="javascript:void(0);"><span>1</span></a>
										</li>
										<li>
											<a href="javascript:void(0);"><span>...</span></a>
										</li>
										<li>
											<a href="javascript:void(0);"><span>25</span></a>
										</li>
										<li>
											<a href="javascript:void(0);"><span>26</span></a>
										</li>
										<li>
											<a href="javascript:void(0);" class="current"><span>27</span></a>
										</li>
										<li>
											<a href="javascript:void(0);"><span>28</span></a>
										</li>
										<li>
											<a href="javascript:void(0);"><span>29</span></a>
										</li>
										<li>
											<a href="javascript:void(0);"><span>...</span></a>
										</li>
										<li>
											<a href="javascript:void(0);"><span>100</span></a>
										</li>
										<li>
											<a href="javascript:void(0);"><span>下一页</span></a>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<!-- end update -->
						
						
				</div>
			</div>
		</div>
		<script type="text/javascript" src="../js/guess-rank.js"></script>
	</body>
</html>

